import { h, init } from 'snabbdom'
// 此例主要实现一个hello world 实例

// init接收一个数组作为参数，该参数主要指定使用的模块列表，也可以为空
// 返回一个使用指定模块集的patch函数，此函数的作用主要是对比两个vnode的差异更新到真实DOM
let patch = init([])

// h函数
// 第一个参数：标签+选择器
// 第二个参数：如果是字符串的话就是标签中的内容
// 返回值：vnode虚拟dom
let vnode = h('div#container.cls','hello world')

let appDom = document.querySelector('#app')

// 然后利用patch函数进行内容比较与替换

// patch()函数
// 第一个参数：可以是dom元素，如果是dom则会自动将dom转换成vnode
// 第二个参数：vnode
// 返回值：vnode

let oldVnode = patch(appDom,vnode)
// 执行yarn run dev 之后，可以看到浏览器页面中输出了hello world

let ser = h('div',"hello snabbdom")
patch(oldVnode,ser)